
/*-------------------------------------------------------*/
	/*BODY*/
/*-------------------------------------------------------*/
body {
	/*background-image: url('../images/body-bg-1-2.jpg');*/
	/*text-shadow: 1px 1px #FFF;*/
	font-family: "微软雅黑";
	color:#888888;
	font-size:12px;
	line-height:1.4em;
}
::selection {
	background:#d4d4d4;
	color:#666666;
}
::-moz-selection {
	background:#d4d4d4;
	color:#666666;
}
img::selection {
	background: transparent;
}
img::-moz-selection {
	background: transparent;
}
.item-preview {
	background:url(../images/bg-fade.png) no-repeat center center;
	display: block;
}
ins { text-decoration:none;}
/*-------------------------------------------------------------------------------------------------*/
	/*TEXT FEATURES*/
/*-------------------------------------------------------------------------------------------------*/

h1{
	font-size:28px;
	color:#666666;
	line-height:21px;
}
h2{
	font-size:20px;
	color:#666666;
	line-height:15px;	
}
h3{
	font-size:18px;
	color:#666666;
	line-height:14px;
}
h4{
	font-size:16px;
	color:#666666;
	line-height:11px;
}
h5{
	font-size:12px;
	color:#666666;
	font-weight:bold;
	line-height:9px;
}

h6 {
	font-size:12px;
	color:#666666;
	margin-top:20px;
}
p {
	margin-top:15px;
	margin-bottom:15px;
}
	h1, h2, h3, h4, h5, h6{
	font-family: Verdana;
	margin-top:30px;
}
.service h3 {
	font-size:34px;
	text-transform:uppercase;
	padding-bottom:30px;
	margin-top:10px !important;
	border-bottom:1px dashed #dedede;
	font-weight:bold;
	text-shadow: 2px 2px #FFF;
}
.order h3 {
	margin-top:0px;
	font-size:28px;
	text-transform:uppercase;
	line-height:120px;
	font-weight:bold;
	text-shadow: 2px 2px #FFF;
	text-align:center;
	width:864px;
	background:url(../images/1px-white.png); 
	background-repeat:repeat;
}
.about-us {
	text-transform:uppercase;
	text-align:center;
	line-height:120px;
	width:624px;
	text-shadow: 2px 2px #FFF;
	background:url(../images/1px-white.png); 
	background-repeat:repeat;
}
/*404error*/
.service .one-half-left{
	padding-right:10px;
	width:450px;
}
.service .one-half-right{
	padding-left:10px;
	width:450px;
}
p.error{
	font-size:172px;
	font-family:Arial;
	margin-bottom:40px;
	margin-top:60px;
	padding-right:20px;

}
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
/*Content page titles*/
.page-title {
	padding-top:10px;
}
.page-title p {
	font-size:10px;
	font-style:italic;
}
.page-title a{
	text-decoration:none;
	color:#999999;
}
.page-title a:hover {
	color:#ff0099;
}
.page-title h3 {
	padding-top:0px;
	margin-top:25px;
	font-size:32px;
	text-transform:uppercase;
	font-weight:bold;
}
.inner-content {
	width:700px;
}
/*Colors*/
.link {
	color:#ff0099;
	text-decoration:none;
	cursor:pointer;
}
.second a {
	color:#666666;
	text-decoration:none;
}
.second a:hover {
	text-decoration:none;
}
.blog-link {
	color:#666666;
	text-decoration:none;
}
.blog-link:hover {
	color:#ff0099;
}
.link.green {
	color:#009900;
	text-decoration:none;
}
.link.blue {
	color:#0099FF;
	text-decoration:none;
}
.link.purple {
	color:#ff0099;
	text-decoration:none;
}
.link:hover{
	text-decoration: underline;
	}
.colored {
	color: rgb(233, 78, 56);
}
.from-blog{
	padding-right:20px;
	margin-top:10px;
}
.footer-small {
	font-size:10px;
	font-style:italic;
	margin-top:8px;
}
.blog-header {
	width:700px;
	height:52px;
	margin-bottom:20px;
	float:left;
	background: url('../images/blog-title.png');
}
.date {
	width:80px;
	text-align:center;
	font-size:22px;
	color:#666666;
	text-shadow:none;
}
.month {
	width:80px;
	text-align:center;
	color:#666666;
	text-align:center;
	text-shadow:none;
	font-size:11px;
}
.blog-small {
	height:24px;
	line-height:22px;
	font-size:10px;
	margin-left:10px;
	padding-left:9px;
	width:600px;
	background: url('../images/comments-bg.png');
}
.blog-small-full {
	height:24px;
	line-height:22px;
	font-size:10px;
	padding-left:9px;
	width:691px;
	background: url('../images/comments-bg.png');
}
.blog-icon {
	margin-right:10px;
}
.blog-icon:hover {
	position:relative;
	top:-2px;
}
/*-------------------------------------------------------------------------------------------------*/
	/*GRIDS*/
/*-------------------------------------------------------------------------------------------------*/
	.shadow{
	background: url('../images/slider-shadow.png');
	background-repeat:no-repeat;
	background-position:center;
	height:350px;
	width:40px;
	
}
.wrapper {
	margin-left: auto;
	margin-right: auto;
	min-width: 940px;
	width:940px;
	height:100%;
	padding-left:10px;
	padding-right:10px;
}
.left {
	float:left;
}
.right {
	float:right;
}
.one, .one-half, .two-third, .one-third, .one-fourth, .inner-content, .three-fourth, .one-half-left, .one-half-right{ 
	float:left;
	margin-top:60px;
}
.one-half, .two-third, .one-third, .one-fourth, .inner-content, .three-fourth, .one-half-left, .one-half-right  {
	margin-right: 20px;
}
.one {
	width:940px;
}
.one-half {
	width:460px;
}
.two-third {
	width:620px;
}
.one-third  {
	width:300px;
}
.one-fourth {
	width:220px;
}
.three-fourth{
	width:700px;
}
.img-align-left {
	margin:0 10px 0 0;
	float:left;
}
.img-align-right {
	margin:5px 0 0 10px;
	float: right;
}
.img-align-center {
	margin:10px 0;
	text-align:center;
}
.text-align-left {
	float:left;
}
.text-align-right {
	text-align: right;
}
.text-align-center {
	text-align:center;
}
.margin15 {
	margin-top:15px!important;
}
.margin20{
	margin-top:20px !important;
}
.spacer {
	margin-right:15px;
	margin-left:15px;
}
.last { 
	margin-right: 0px!important;
}
.clear{
	clear:both;
}
.margin10right {
	margin-right:10px!important;
}
.margin20right {
	margin-right:20px!important;
}
.padding10left {
	padding-left:10px!important;
}	
.nomargin {
	margin-right:0px!important;
}
.notopmargin {
	margin-top:0px!important;
}
/*-------------------------------------------------------------------------------------------------*/
	/*HEADER*/
/*-------------------------------------------------------------------------------------------------*/
.top_line {
	width:100%;
	height:10px;
	background-color:#000;
}
.logo {
	float:left;
	background: url('../images/qark-modern-logo.png');
	background-repeat: no-repeat;
	margin-top:30px;	
}
/*MENU BACKGROUND*/
	.header-menu {
		margin-top:30px;
	}
	.menu {
		margin-top:10px;
		float:right
	}	
	.menu-left-closed {
		background:url('../images/menu-left-closed-cloud.png');
		height:69px;
		width:43px;
		float:right;
	}	
	.menu-right-closed {
		background:url('../images/menu-right-closed.png');
		height:69px;
		width:15px;
		float:right;
	}	
	.menu-bg {
		background:url('../images/menu-bg.png');
		height:69px;
		float:right;
		min-width:300px;
	}	
	.menu-content {
		margin:25px 5px ;
	}
	.menu-cloud{
		height:62px;
		margin-left:25px;
		background:url('../images/cloud-up.png');
		background-repeat:no-repeat;
	}
	.phone {
		padding-right:0px;
		font-size:10px;
	}
	.number {
		font-size:24px;
	}
	.header-menu p{
		margin-top:5px;
	}
/*-------------------------------------------------------------------------------------------------*/
	/*SUPERFISH MENU */
/*-------------------------------------------------------------------------------------------------*/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	font-size:12px;
	cursor:pointer;
	
}

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			180px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width: 180px;
	background: #ffffff;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li ul a {
	font-size:10px;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0px;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
.sf-menu li.sfHover ul li li {
	left:			0px;
	top:			0.2em; /* match top ul list item height */
	z-index:		100;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			180px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			180px; /* match ul width */

}

/*** DEMO SKIN ***/
.sf-menu {
	float:left;
	margin-top:	20px;
	font-family: Verdana;
}
.sf-menu a {
	padding:6px 1.9em;
	text-decoration:none;
	
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#666666;
}

.sf-menu a:hover  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#ff0099;
}
.sf-menu li {
	background:		#ffffff;
}
.sf-menu li li {
	background:		#ffffff;
	border-right:4px solid #dedede;
	border-left:2px solid #dedede;
	border-bottom:1px dashed #e1e1e1;
}
.sf-menu ul li ul {
	top:-2px !important;}
.menu-last{
	border-bottom: 2px solid #dedede !important;
}
.menu-first {
	margin-top:15px;
}
.menu-nextlevel-first{
	border-top: 2px solid #dedede !important;
}
.no-left-border {
	border-left:2px solid #ffffff !important;}
.sf-menu li li li {
	background:	#ffffff;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2em;
	padding-top:6px;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
	
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.55em;
	top:			1.15em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.7em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*-------------------------------------------------------------------------------------------------*/
	/*SLIDER and BREAKS */
/*-------------------------------------------------------------------------------------------------*/

.static {
	color:#ffffff;
	text-shadow: 1px 1px #222222;
	background-image: url('../images/body-bg-2.jpg');
	background-repeat:repeat;
	padding-top:20px;
	padding-right:10px;
	padding-left:10px;
	height:330px;
}
.static h3 {
	margin-top:0px;
	color:#ffffff;}
.break1 {
	clear:both;
	width:100%;
	height:350px;
	background-image:url('../images/pattern/cloud.png');
	background-repeat:repeat-x;
	background-position:center;
}

.break3d {
	clear:both;
	width:100%;
	height:445px;
	background-image:url('../images/pattern/cloud.png');
	background-repeat:repeat-x;
	background-position:center;
}
.dbg {

	background-repeat:no-repeat;
	background-position: center;
}
.content-break {
	clear:both;
	width:100%;
	height:100px;
	background: #ffffff;
}
.break2 {
	clear:both;
	width:100%;
	height:260px;
	background:url('../images/body-bg-2.jpg');
}
.mosaic-break {
	clear:both;
	width:100%;
	height:400px;
	background-image:url('../images/pattern/cloud.png');
	background-repeat:repeat-x;
	background-position:center;
}
.top-decor-right {
	background:url('../images/top-decor-right.png');
	height:92px;
	width:460px;
	float:right;
	margin-top:40px;

}
.no-top-decor-right{
	height:92px;
	width:460px;
	float:right;
	margin-top:40px;
}
/*********** Testimonials *************/
	.decor-box {
		width:940px;
		height:92px;
	}	
	.testimonials{
		background:url(../images/top-decor-left.png);
		background-repeat:no-repeat;
		font-style:italic;
	}	
	.quote {
		background:url(../images/quote.png) 0px 30px;
		background-repeat:no-repeat;
		width:460px;
		height:72px;
		float:right;
		padding-top:25px;
		overflow:hidden;
	}
	.quote-full {
		background:url(../images/quote.png);
		background-repeat:no-repeat;
		width:560x;
		float:left;
		padding-left:50px;
	}	
	.quote-text {
		font-size:14px;
		width:410px;
		float:right;
	}
	.quote-text-full {
		width:420px;
		float:left;
	}	
	.quote-author {
		font-size:14px;
		font-style:normal !important;
		float:right;
		color:#ff0099;
	}
	.quote-author-full {
		margin-top:20px;
		color:#ff0099;
		float:left;
	}

/*-------------------------------------------------------------------------------------------------*/
	/*MAIN CONTENT*/
/*-------------------------------------------------------------------------------------------------*/
.icon {
	padding-right:20px;
	padding-bottom:10px;
}
.soc-icon {
	margin-top:10px;
}
.border {
	padding-bottom:15px;
	border-bottom:1px dashed #e1e1e1;
}

ul li {
	margin-top:10px;
}

.bordered-img {
	border-bottom:5px solid #dedede;
	border-top:5px solid #ffffff;
	border-left:5px solid #ffffff;
	border-right:5px solid #dedede;
}

/*********** Content headers************/
.header-one {
	background:url('../images/grid12.png');
	width:940px;
	height:55px;
	margin-bottom:20px;
}	
.header-two-third {
	background:url('../images/two-third.png');
	width:620px;
	margin-bottom:20px;
	height:55px;
}

.header-one-third {
	background:url('../images/one-third.png');
	width:300px;
	height:55px;
	margin-bottom:20px;
}
.header-one-fourth {
	background:url('../images/one-fourth.png');
	width:220px;
	height:55px;
	margin-bottom:20px;
}
.header-three-fourth {
	background:url('../images/three-fourth.png');
	width:700px;
	height:55px;
	margin-bottom:20px;
}
.header-one-half {
	background:url('../images/one-half.png');
	width:460px;
	height:55px;
	margin-bottom:20px;
}
.header-content {
	font-size:20px;
	padding-left:20px;
	padding-top:15px;
	color:#666666;
	font-family: Mako;
}
.sidebar-title {
	margin:0px !important;
	padding-bottom:15px;
	padding-top:6px;
	padding-left:20px;
	padding-right:3px;
	border-bottom:1px solid #dfdfdf;
	width:197px;
	background:url(../images/nav-bg.png);
	font-size:20px;
	color:#666666;
	font-family: Mako;
}

/*-------------------------------------------------------------------------------------------------*/
	/*FOOTER*/
/*-------------------------------------------------------------------------------------------------*/	
.footer {
	color:#ffffff;
	text-shadow: 1px 1px #222222;}
.footer p {
	display:block;
	margin-bottom:0px;
	margin-top:0px;
}
.footer h4{
	padding-bottom:30px;
	font-weight:bold;
	width:300px;
	padding-left:25px;
	color:#ffffff;
	background:url(../images/footer-cloud.png) 0px 2px;
	background-repeat:no-repeat;
	text-transform:uppercase;
	}
.footerdecor-left {
	background:url(../images/footer-decor-left.png);
	height:63px;
	width:380px;
	margin-top:30px;
}
.footerdecor-right {
	background:url(../images/footer-decor-right.png);
	height:63px;
	width:380px;
	margin-right:10px;
}
.follow {
	font-size:10px;
	margin-bottom:10px;
	font-style:italic;
}
.blog-cloud {
	background:url(../images/footer-cloud-blog.png);
	background-repeat:no-repeat;
	width:80px;
	height:49px;
	padding-top:17px;
	margin-right:20px;
	float:left;
}
.tweeter {
	padding-left:25px;
	margin-bottom:20px;
	background:url(../images/tweet.png);
	background-position: 0px 5px;
	background-repeat:no-repeat;
}
.tweeter p {
	padding-left:5px;
	border-left:1px dashed #444a4f;
	margin-bottom:5px;	
}
.blog-footer-img {
	border-right:1px solid #333333;
	border-bottom:1px solid #333333}
	/*********** FOOTER line ************/
	.footer-line {
		background:#000;
		height: 50px;
		font-size:12px;
		text-shadow:none;
		color:#FFF;
	}	
	.footer-line a {
		color:#FFF;
		text-decoration:none;
	}	
	.footer-line a:hover {
		text-decoration: underline;
	}	
/*-------------------------------------------------------------------------------------------------*/
	/*LIST SLIDER*/
/*-------------------------------------------------------------------------------------------------*/	
div#feature_list {
	width: 940px;
	height: 350px;
	overflow: hidden;
	position: relative;
	text-shadow:none;
	background: url(../images/tabs-bg-2.jpg);
	color:#fff;
	text-shadow: 1px 1px #222222;
}
div#feature_list ul {
	position: absolute;
	top: 0px;
	list-style: none;	
	padding: 0;
	margin: 0;
}
div#feature_list h2{
	color:#FFF;
	margin-top:0px;
}
div#feature_list h3:hover{
	text-decoration:underline;
}
	
ul#tabs {
	left: 0;
	z-index: 2;
	width: 320px;
	height:350px;
}
ul#tabs li {
	font-size: 12px;
	margin-top:23px;
	color:#ffffff;
}		
ul#tabs li img {
	border: none;
	float: left;
	margin: 7px 0px 0 0;
}
ul#tabs li a {
	color: #ffffff;
	text-decoration: none;	
	display: block;
	padding-right:35px;
	padding-left:20px;
	padding-top:8px !important;
	height: 80px;
	outline: none;
}
ul#tabs li a:hover {
	text-decoration: none;
	background:   url('../images/feature-tab-current-transperent.png');
	position:relative;
}
ul#tabs li a.current {
	background:  url('../images/feature-tab-current-purple.png');
	text-shadow:none !important;
}
ul#tabs li a.current:hover {
	text-decoration: none;
	cursor: default;
	bottom:0px;
}
ul#output {
	right: 0;
	width: 640px;
	height: 350px;
	position: relative;
}
ul#output li {
	position: absolute;
	width: 640px;
	height: 350px;
	margin:0px;
}
ul#output li a {
	position: absolute;
	top: 315px;
	left: 505px;
	padding: 10px 15px;
	text-decoration: none;
	font-size: 11px;
	color: #FFF;
	background: #000;
	width: 110px;
	height: 20px;
}
ul#output li a:hover {
	background: #ff0099;
}
.ls-title{
	font-size:24px;
}
.ls-descr {
	margin-top:20px;
	font-style:italic;
}
/*-------------------------------------------------------------------------------------------------*/
	/*3D SLIDER*/
/*-------------------------------------------------------------------------------------------------*/

#piecemaker {
	height:430px;
}
/*-------------------------------------------------------------------------------------------------*/
	/*MOSAIC SLIDER*/
/*-------------------------------------------------------------------------------------------------*/
.kwicks-box{
	width:940px;
}
.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	width:940px;
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 235px;
	height: 350px;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	/*margin-right: 5px; Set to same as spacing option. */	
	float: left;
	margin:0px;
}
.kwicks.horizontal #kwick_4 {
	margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */
}
.kwicks.vertical #kwick_4 {
	margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */
}
.accordian-slider-caption {
	bottom:0px;
	left:260px;
	position:absolute;
	color:#ffffff;
	padding:10px 20px;
	font-size:11px;
	background:#000;
	width: 600px;
	text-shadow:none;
	text-decoration:none;
}
.accordian-slider-caption:hover{
		background:#ff0099;
}	

.accordian-slider-captiontitle {
	font-size:16px; 
	color:#fff; 
	display:block;
	line-height:26px;
	margin: 0 0 5px 0;
	text-decoration:none;
}


/*****************************************/
/*General Mosaic Styles*/
.details{ margin:5px 20px; }	
.details h4{color:#fff; text-shadow:1px 1px 0 rgb(0,0,0); line-height:20px;}
.details p{ font:300 12px 'Lucida Grande', Tahoma, Verdana, sans-serif; color:#aaa; text-shadow:1px 1px 0 rgb(0,0,0);}
.details a{ text-decoration:none; }


.mosaic-block {
	position:relative;
	overflow:hidden;
	background:#111 url(../img/progress.gif) no-repeat center center;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
}
.mb1 {
	width:470px;
	height:200px;
	float:right;

}
.mb2 {
	width:235px;
	height:400px;
	float:left;
}
.mb3 {
	width:235px;
	height:100px;
}
.mb4 {
	width:235px;
	height:300px;
	float:left;
}

.mb5 {
	width:470px;
	height:100px;
	float:left;
}

	.mosaic-backdrop {
		display:none;
		position:absolute;
		top:0;
		height:100%;
		width:100%;
		background:#111;
		text-decoration:none;
	}
	
	.mosaic-overlay {
		display:none;
		z-index:5;
		position:absolute;
		width:100%;
		height:100%;
		background:#111;
		text-decoration:none;

	}
	
		/*** Custom Animation Styles (You can remove/add any styles below) ***/
		.circle .mosaic-overlay {
			background:url(../images/hover-magnify.png) no-repeat center center;
			opacity:0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
			filter:alpha(opacity=00);
			display:none;
		}
		
		.fade .mosaic-overlay {
			opacity:0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
			filter:alpha(opacity=00);
			background:url(../images//bg-black.png);
		}
		
		.bar .mosaic-overlay {
			bottom:-200px;
			height:200px;
			background:url(../images/bg-black.png);
		}
		
		.bar2 .mosaic-overlay {
			bottom:-50px;
			height:100px;
			opacity:0.8;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
			filter:alpha(opacity=80);
		}
		
		.bar2 .mosaic-overlay:hover {
			opacity:1;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter:alpha(opacity=100);
		}
		
		.bar3 .mosaic-overlay {
			top:-100px;
			height:100px;
			background:url(../images/bg-black.png);
		}
		/*** End Animation Styles ***/

/*from-portfolio*/
#slides {margin-top: 20px; }
.slides_container { height:290px;}
#slides p {width: 620px; }
#slides .pagination { margin-top: 20px;  padding: 0px; margin-left: 0px}

/*-------------------------------------------------------------------------------------------------*/
	/*CONTENT NAVIGATION*/
/*-------------------------------------------------------------------------------------------------*/
	.nav-top{
		background:url(../images/nav-top.png);
		width:220px;
		height:10px;
	}
	.nav-bottom{
		background:url(../images/nav-bottom.png);
		width:220px;
		height:10px;
	}
	.content-navigation {
		font-size:12px;
		color:#666666;
		font-family: Verdana;
		list-style-type:none;
		list-style-position:outside;
		width:220px;
		background:url(../images/nav-bg.png);
		
	}
	.content-navigation li {
		color:#666666;
		display:block;
		padding:15px 0px 15px 0px;;
		margin-top:0px;
		margin-left:20px;
		margin-right:20px;
		border-bottom:1px dashed #e1e1e1;
	}
	.content-navigation li a {
		color:#666666;
		padding-left:15px;
		background: url(../images/content-navigation-arrow.png) no-repeat 0px 2px;
		text-decoration:none;
	}
	.content-navigation li a:hover {
		color:#ff0099;
		text-decoration:none;
	}
	.content-navigation li a.current {
		color:#ff0099;
	}
	.content-navigation ul li{
		display:block;
		padding:5px 0;
		margin-left:20px;
		margin-top:10px;
		border-bottom:1px dashed #e1e1e1;
	}
	.content-navigation ul li a {
		color:#666666;
		padding-left:15px;
		background: url(../images/content-navigation-arrow.png) no-repeat 0px 2px;
		text-decoration:none;
	}
	.content-navigation ul li a:hover {
		color:#ff0099;
		text-decoration:none;
	}
	.content-navigation ul li a.current {
		color:#ff0099;
	}
	.navigation-category {
		margin-top:15px;}
	.content-navigation li ul li {
		padding-bottom:10px;
		margin-top:8px;
	}
	.content-navigation li ul li a{
		font-size:10px;}
		
.blog-style2 .content-navigation {
		background: none;
}
.blog-style2 .content-navigation {
	width:300px;
}
.blog-style2 .nav-top{
	background:none;
	width:300px;
	height:10px;
}
.blog-style2 .nav-bottom{
	background:none;
	width:300px;
	height:10px;
}
.blog-style2 .content-navigation li {
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #ffffff;
}
.blog-style2-first{
	border-top:1px solid #ffffff !important;
}
.blog-style2 .content-navigation li a {
	background: url(../images/content-navigation-arrow2.png) no-repeat 0px 3px;
	padding-left:20px;
	text-transform:uppercase;
}
.blog-style2 h6 {
	margin-top:7px;
	font-size:10px;
}
.blog-style2 .content-navigation li {
	margin-left:0px;
}
/*-------------------------------------------------------------------------------------------------*/
	/*LISTS*/
/*-------------------------------------------------------------------------------------------------*/
/* LIST #2 */
#list { width:300px; margin-top:20px; }
#list ol { font-size:12px; padding-left:28px; color:#ff0099;}
#list ol li { list-style-type:decimal-leading-zero; }
#list ol li p {color:#999999; font-size:11px; border-left: 1px dashed #e1e1e1; font-style:italic; padding-left:7px; padding-top:10px; padding-bottom:10px; margin:0px; }
#list ol li p em { display:block;  font-size:12px; padding-bottom:3px; font-style:normal !important;color:#666666;}
.first-achievement { padding-top:0px !important;}
.last-achievement { padding-bottom:0px !important;}

.service-list {width:450px; }
.service-list ol { font-size:14px; color:#ff0099;}
.service-list ol li { list-style-type: none; padding-left:30px; float:left; width:420px; padding-top:20px; }
.service-list ol li p { float:left; color:#999999; font-size:11px; border-left: 1px dashed #e1e1e1; font-style:italic; padding-left:7px; margin-top:10px; margin-bottom:10px; margin:0px; width:198px; }
.service-list ol li p em { display:block;  font-size:12px; padding-bottom:3px; font-style:normal !important;color:#666666; width:415px;}
.first-service-list { padding-top:0px !important;}
.last-service-list { padding-bottom:0px !important;}

.inner-service-list {width:700px; }
.inner-service-list ol { font-size:14px; color:#ff0099;}
.inner-service-list ol li { list-style-type: none; padding-left:35px; float:left; width:665px; padding-top:20px; }
.inner-service-list ol li p { float:left; color:#999999; font-size:11px; border-left: 1px dashed #e1e1e1; font-style:italic; padding-left:10px; margin-top:10px; margin-bottom:10px; margin:0px; width:440px; }
.inner-service-list ol li p em { display:block;  font-size:12px; padding-bottom:3px; font-style:normal !important;color:#666666; width:415px;}
.first-service-list { padding-top:0px !important;}
.last-service-list { padding-bottom:0px !important;}

.service .lamp {
	background:url(../images/icons/lamp.png) 0px 0px;
	background-repeat:no-repeat;
}
.service .links{
	background:url(../images/icons/link.png) 0px 20px;
	background-repeat:no-repeat;
}
.service .money {
	background:url(../images/icons/money.png) 0px 20px;
	background-repeat:no-repeat;
}
.service .billboard {
	background:url(../images/icons/billboard.png) 0px 0px;
	background-repeat:no-repeat;
}
.service .car {
	background:url(../images/icons/car.png) 0px 20px;
	background-repeat:no-repeat;
}
.service .house {
	background:url(../images/icons/house.png) 0px 20px;
	background-repeat:no-repeat;
}
p.service-img {
	margin-left:25px !important;
	padding:0px !important;
	maegin-top:10px !important;
	border:1px solid #ffffff !important;
	width:80px !important;
	display:block;
	float:left !important;
}
.check-list {
	font-size:12px;
	list-style-type:none;
	list-style-position:outside;
}
.check-list li {
	margin:0px;	
	display:block;
	padding:11px 0px 11px 35px;
	background: url(../images/check.png) no-repeat;
	background-position:left center;
	border-top:1px dashed #999999;
	font-style:italic;
}
.list-last {
	border-bottom:1px dashed #999999
}
.info-list {
	font-size:12px;
	list-style-type:none;
	list-style-position:outside;
}
.info-list li {
	margin:0px;	
	display:block;
	padding:11px 0px 11px 35px;
	background: url(../images/info.png) no-repeat;
	background-position:left center;
	border-top:1px dashed #999999;
	font-style:italic;
}
.cancel-list {
	font-size:12px;
	list-style-type:none;
	list-style-position:outside;
}
.cancel-list li {
	margin:0px;	
	display:block;
	padding:11px 0px 11px 35px;
	background: url(../images/cancel.png) no-repeat;
	background-position:left center;
	border-top:1px dashed #999999;
	font-style:italic;
}
.question-list {
	font-size:12px;
	list-style-type:none;
	list-style-position:outside;
}
.question-list li {
	margin:0px;	
	display:block;
	padding:11px 0px 11px 35px;
	background: url(../images/question.png) no-repeat;
	background-position:left center;
	border-top:1px dashed #999999;
	font-style:italic;
}
.warning-list {
	font-size:12px;
	list-style-type:none;
	list-style-position:outside;
}
.warning-list li {
	margin:0px;	
	display:block;
	padding:11px 0px 11px 35px;
	background:url(../images/warning.png) no-repeat;
	background-position:left center;
	border-top:1px dashed #999999;
	font-style:italic;
}
.arrow-list {
	font-size:12px;
	list-style-type:none;
	list-style-position:outside;
}
.arrow-list li{
	margin:0px;	
	display:block;
	padding:11px 0px 11px 35px;
	background: url(../images/list-arrow.png) no-repeat;
	background-position:left center;
	border-top:1px dashed #999999;
	font-style:italic;
}
/*-------------------------------------------------------------------------------------------------*/
	/*INFORM BOX*/
/*-------------------------------------------------------------------------------------------------*/
	.pagination {
		list-style:none;
	}
	.pagination li {
		display:inline;
		padding-top:20px;
	}
	.pagination li a {
		font-size:10px;
		display:block;
		float:left;
		padding:4px 9px;
		margin-right:7px;
		background:#ffffff;
		color:#999999;
		text-decoration:none;
		border-bottom:1px solid #dedede;
		border-right:1px solid #dedede;
	}
	.pagination li.current a {
		background-color:#ff0099;
		color:#ffffff;
		text-shadow:none;
	}
	.pagination li a:hover {
		background-color:#ff0099;
		color:#ffffff;
		text-shadow:none;
		border-bottom: none;
	}		
	.tags {
		font-size:12px;
	}
	.info-box-purple {
		border:1px solid #cc0066;
		padding: 20px 60px;
		background:#ff0099 url(../images/cancel-box.png) no-repeat 10px 15px;
		color:#ffffff;
		text-shadow:none;
		margin-bottom:15px;
	}
	.info-box-green {
		border:1px solid #009900;
		padding: 20px 60px;
		background:#00CC33 url(../images/check-box.png) no-repeat 10px 15px;
		color:#ffffff;
		text-shadow:none;
		margin-bottom:15px;
	}
	.info-box-blue {
		border:1px solid #006699;
		padding: 20px 60px;
		background:#0099FF url(../images/info-box.png) no-repeat 10px 15px;
		color:#ffffff;
		text-shadow:none;
		margin-bottom:15px;
	}
	.pagenav {
		margin-top:40px;
	}
/*-------------------------------------------------------------------------------------------------*/
	/*PRICING BOX*/
/*-------------------------------------------------------------------------------------------------*/
ul.list-box{margin:0; padding:0; list-style-type:none;}
ul.list-box > li{
	background:#e1e1e1;
	float:left;
}
ul.list-box  li:hover{
	position: relative;
	z-index: 100;
	top: -10px;
	cursor:pointer;
 }
.title-box {text-align:center; text-shadow:none; padding-bottom:15px; padding-top:15px;}
.box-header h3{
	margin-top:0px;
	}
.box-header h3{color:#FFF;}
.box-des{text-align:left;}
.pricing-box-container{background:#fafafa;text-align:left;	}
.list-box-content{ margin:0px 0px;padding:10px 25px 25px 25px;text-align:center}
.list-box-content ul{margin:0px auto;  padding:0; list-style-type:none;}
.list-box-content ul li{margin:0; padding:10px 0 10px 30px; list-style-type:none; background:url(../images/check.png) no-repeat; background-position:center left; text-align:left}
.list-box-content ul li:hover{
	left:0px!important;
	top: 0px!important;}
.text-price{
	text-align:center;
	text-shadow:none;	
	padding:10px 0 10px 0;}
.text-price h3{color:#FFF;text-shadow:none; margin-top:0px;}
/*purple*/
.text-price.purple{
	background-color: #ff0099;
	}
.box-header.purple{
	border-bottom: 1px solid #ffffff;
	background-color: #CC0066;
	}
/*green*/
.text-price.green{
	background-color: #00CC33;
	}
.box-header.green{
	border-bottom: 1px solid #ffffff;
	background-color: #009900;
	}
/*blue*/
.text-price.blue{
	background-color: #0099FF;
	}
.box-header.blue{
	border-bottom: 1px solid #ffffff;
	background-color: #006699;
	}

/*-------------------------------------------------------*/
	/*FORMS*/
/*-------------------------------------------------------*/
label {
	width:200px;
	font-weight:normal;
	display:block;
}
.form {
	margin-top:15px;}
input[type=text],input[type=password],input.text,input.title,textarea {
	background-color:#FFF;
	border:1px solid #e1e1e1;
	font-size:11px;
}
input[type=text]:focus,input[type=password]:focus,input.text:focus,input.title:focus,textarea:focus {
	border-color:#d7d7d7;
	-moz-box-shadow: 0 0px 3px #d7d7d7;
	-webkit-box-shadow: 0 0px 3px #d7d7d7;
	box-shadow: 0 0px 3px #d7d7d7;
}
select {
	background-color:#fff;
	border-width:1px;
	border-style:solid;
}
input[type=text],input[type=password],input.text,input.title,textarea,select {
}
input.text,input.title {
	width:290px;
	padding:5px;
}
input.title {
	font-size:1.5em;
}
textarea {
	width:610px;
	height:180px;
	padding:5px;
}
form.inline {
	line-height:3;
}
form.inline p {
	margin-bottom:0;
}
.required {
	color:#ff0000;
}
/*-------------------------------------------------------------------------------------------------*/
	/*BUTTONS*/
/*-------------------------------------------------------------------------------------------------*/	
.button_readmore {
    background:url("../images/btn_readmore.png") no-repeat left top;
    width:81px;
    height:24px;
    color:#999999;
    font-size:10px;
    line-height:22px;
    text-align:center;
    text-decoration:none;
	text-transform:uppercase;
}

a.button_readmore:hover {
    background:url("../images/btn_readmore.png") no-repeat left bottom;
    text-decoration:none;
	position:relative;
	top:1px;
	color:#ff0099;
}
	.button{
		cursor:pointer;
		font-size: 11px;
		color: #ffffff;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		padding: 6px 15px;
		margin-top:15px;
		background-color:#323232;	
		border: 1px solid #323232;
	}
	.button:hover {
		color:#FFF;
		background:#000000;
	}
	
.italic {
	font-style:italic;
}
.small-italic {
	font-style:italic;
	font-size:10px;
}
.border-bottom {
	border-bottom:1px dashed #dedede;
}